<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> 
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!doctype html>
<html>
<head lang="zh-CN">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Caitlyn管理系统</title>
	<script src="${ctx}/ui/jsUtil/pace-0.5.6/pace.js"></script>
    <link href="${ctx}/ui/jsUtil/pace-0.5.6/themes/purple/pace-theme-minimal.css"   rel="stylesheet" />
    <link href="${ctx}/ui/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${ctx}/ui/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${ctx}/ui/css/style.css" rel="stylesheet" type="text/css">
    <script src="${ctx}/ui/jsUtil/jquery-1.11.3.min.js"></script>
    <script src="${ctx}/ui/jsUtil/bootstrap.min.js"></script>
    <script src="${ctx}/ui/jsUtil/metisMenu/jquery.metisMenu.js"></script>
    <script src="${ctx}/ui/jsUtil/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="${ctx}/ui/jsUtil/layer/layer.js"></script>
    <script src="${ctx}/ui/jsUtil/contabs.min.js"></script>
    <script src="${ctx}/ui/jsUtil/shentong.js"></script>
</head>
<body class="fixed-sidebar" style="background: #f5f5f5">
<!--顶部菜单-->
<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
        <div class="navbar-brand">
<!--             <img src="ui/images/sto.png" alt="sto-logo" width="172" height="50"> -->
      	</div>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li><a href="index.html"><b>Caitlyn管理系统</b></a></li>
            <li class="dropdown">
        	<input type="hidden" name="systemId" id="systemId" value="${sessionScope.systemInfo.systemmenu.systemId }">
        	<input type="hidden" name="systemUrl" id="systemUrl" value="${sessionScope.systemInfo.systemmenu.systemUrl }">
        	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">${sessionScope.systemInfo.systemmenu.systemName } <span class="caret"></span></a>
            <ul class="dropdown-menu">
            <c:forEach items="${sessionScope.systemInfo.menuListLev1}" var="lv1">
	        	<li><a href="#">${lv1.systemName }</a></li>
       		</c:forEach>
            </ul>
          </li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
            <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
                <i class="fa fa-bell"></i> <span class="label label-primary">8</span>
            </a>
            <ul class="dropdown-menu dropdown-alerts" style="">
                <li style="">
                    <a href="#">
                        <div style="">
                            <i class="fa fa-envelope fa-fw"></i> 您有16条未读消息
                            <span class="pull-right text-muted small">4分钟前</span>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="#">
                        <div>
                            <i class="fa fa-qq fa-fw"></i> 3条新回复
                            <span class="pull-right text-muted small">12分钟前</span>
                        </div>
                    </a>
                </li>
                <li class="divider"></li>
                <li>
                    <div class="text-center link-block">
                        <a class="J_menuItem" href="#">
                          <strong>查看所有 </strong>
                          <i class="fa fa-angle-right"></i>
                        </a>
                    </div>
                </li>
            </ul>
        </li>
        <li><a href="#">帮助</a></li>
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">周军业 48010 <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="#">个人资料</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">退出</a></li>
            </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<div class="clearfix">
  <!--右侧内容部分-->
    <div class="right_box">
        <div class="content container-fluid" id="#slimScroll">
            <!-- Nav tabs -->
            <div class="row content-tabs">
                <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
                </button>
                <nav class="page-tabs J_menuTabs">
                    <div class="page-tabs-content">
                        <a href="javascript:;" class="active J_menuTab" data-id="welcome.html">首页</a>
                    </div>
                </nav>
                <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
                </button>
                <div class="btn-group roll-nav roll-right">
                    <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>

                    </button>
                    <ul role="menu" class="dropdown-menu dropdown-menu-right">
                        <li class="J_tabShowActive"><a>定位当前选项卡</a>
                        </li>
                        <li class="divider"></li>
                        <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
                        </li>
                        <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row J_mainContent" id="content-main">
                <iframe class="J_iframe" name="iframe0" width="100%" src="${ctx}/Caitlyn/Login/welcome" frameborder="0" data-id="welcome.html" seamless></iframe>
            </div>
        </div><!--.content-->
    </div><!--.right_box-->

  <!--左侧导航栏-->
    <div class="leftbar_box" style="width: 190px">
        <div class="leftbar_box_con">
            <div class="leftbar-extend">
                <a href="#" onclick="return false;"><i class="fa fa-bars"></i></a>
            </div>
            <ul class="menu" id="side-menu">
            <c:forEach items="${sessionScope.systemInfo.menuListLev2}" var="lv2">
                <li class="level1">
                    <a href="#" aria-expanded="false">
                        <i class="fa fa-home"></i>
                        <span class="nsv-label" style="">${lv2.systemName }</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="level2" aria-expanded="false">
                    <c:forEach items="${sessionScope.systemInfo.menuListLev3}" var="lv3">
                        <li>
                            <a class="J_menuItem" href="${ctx}${lv3.menuUrl}">${lv3.systemName}</a>
                        </li>
                    </c:forEach>
                    </ul>
                </li>
            </c:forEach>
            </ul>
        </div>
    </div> <!--.leftbar_box-->
</div><!--.clearfix-->

</body>
</html>
